@charset  "utf-8";
*{
    margin: 0;
    padding: 0;
    list-style: none;
}
a{
    text-decoration: none;
    color: #000;
}
body{
    background: #FAFAFA;
}
#banner1{
    width: 100%;
    height: 560px;
    z-index: 1;
     img{
          width: 100%;
    height: 560px;
     }
}
.xinban{
    width: 1200px;
    height: 2000px;
    margin: 0 auto;
   
}
.xinwo{
    width: 1000px;
    margin: 0 auto;
    margin-top: 50px;
    font-size: 24px;
    .xinda{
        font-weight: bold;
    }
}
.xindi{
    height: 50px;
    width: 150px;
    font-size: 14px;
    color: #8F8F8F;
     margin: 0 auto;
     margin-top: 10px;
}
.xinguan{
    width: 1200px;
    height: 510px;
   
}
.xin_left{
    float: left;
    width: 260px;
    height:510px ;
    
}
.xin_right{
    float: left;
    width: 258px;
    height: 510px;
   
    margin-left: 50px;
    
}
.xin_top{
    width: 260px;
    height: 260px;
    background: #F6F6F6;
    text-align: center;
    transition: 0.5s;
     img{
         width: 100px;
         height: 100px;
         margin-top: 50px;
        
        
     }
     .xin_a{
         text-align: center;
         margin-top: 30px;
         font-size: 20px;
     }
}
.xin_top:hover{
    background: #FF7D75;
    .xin_a{
         color:#fff ;
     }
    
}
.xin_shi{
    height: 30px;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    margin-top: 10px;
}
.xin_zi{
   font-size: 14px;
   color: #A4A4A4;
   line-height: 30px; 
}
.xin_wei{
    width: 400px;
    height: 30px;
    font-size: 30px;
    font-weight: bold;
    margin: 0 auto;
    margin-top: 50px;
    .xin_lan{
        color: deepskyblue;
    }
}
.xin_quan{
    width: 1200px;
    height: 430px;
    
    margin-top: 100px;
//  overflow: hidden;
}
.xin_huang{
    width: 230px;
    height: 510px;
    float: left;
    
     text-align: center;
     transition: 0.5s;
     background: #fff;
     img{
         width: 180px;
         height: 180px;
         transform: rotateX(180deg);
     }
     .xin_bi{
         font-size: 18px;
         margin-top: 100px;
         text-align: center;
         font-weight: bold;
     }
     .xin_ai{
         font-size: 14px;
         color: #CFCFCF;
         line-height: 30px;
         margin-top: 30px;
     }
     .xian{
         display: none;
     }
}

.xin_huang:hover{
    margin-top: -60px;
     .xian{
         display: block;
     }
     img{
         transform: rotateX(180deg); 
     }
}
 
.xin_huang img:hover{
    transform:rotate(360deg);
}


.xin_ge{
    width: 228px;
    height: 510px;
    float: left;
    
     margin-left: 10px;
      text-align: center;
      transition: 0.5s;
       background: #fff;
      img{
         width: 180px;
         height: 180px;
         transform: rotateX(180deg);
     }
     .xin_bi{
         font-size: 18px;
         margin-top: 100px;
         text-align: center;
         font-weight: bold;
     }
     .xin_ai{
         font-size: 14px;
         color: #CCCCCC;
         line-height: 30px;
         margin-top: 30px;
     }
      .xian{
         display: none;
     }
     
}
.xin_ge:hover{
     margin-top: -60px;
     .xian{
         display: block;
     }
}

.xin_ge img:hover{
    transform:rotate(360deg);
}
.xin_chao{
    width: 1200px;
    height: 80px;
   
    
}
.xin_tu{
    width: 1200px;
    height: 520px;
    
    margin-top: 80px;
//  margin-left: 10px;
}
.xin_zu{
     float: left;
    width: 600px;
    height: 520px;.
    
     border: 1px solid #000;
     img{
         width: 600px;
         height: 400px;
     }
}
.xin_ying{
    float: left;
    width:560px ;
    height: 520px;
    float: left;
     margin-left: 30px;
     margin-top: 140px;
     .xin_kin{
         font-size: 20px;
     }
     .xin_kin1{
         font-size: 30px;
         font-weight: bold;
         color: #609FEE;
         margin-top: 20px;
     }
     .xin_kin2{
         width: 260px;
         height: 60px;
         background:#2381EF ;
         border-radius: 4px;
         margin-left: 10px;
         margin-top: 40px;
         color: #fff;
         font-size: 24px;
         text-align: center;
         line-height:60px;
     }
}


.w_nav{
                width:1200px;
                height: 80px;
                line-height: 80px;
            
                margin: 0 auto;
            }
            .w_ul{
                float: right;
            }
            .w_ul li{
                float: left;
                margin: 0 30px;
                font-size: 14px;
            }
            .w_nav img{
                width: 20%;
                height: 65%;                                
            }
            .w_nav a:hover{
                color: #65a4f8;
            }
            .w_psion{
                width: 200px;
                height: 150px;
                position: absolute;
                top: 65px;
                right: 170px;    
                background: #fff;
                display: none;
                text-align: center; 
                z-index: 5;
            }
            .w_psion li{
                margin: 10px 0;
            }
            .w_psion li a:hover{
                color: #65a4f8;
            }
            .w_user{
                font-size: 12px;
                position: absolute;
                top: -24px;
                right:270px;
                cursor: pointer;
            }
            .w_user a:hover{
                color: #65a4f8;
            }
            .w_product{
                width: 470px;
                height: 250px;
                position: absolute;
                right: 350px;
                top: 65px;
                background: #fff;
                padding-left: 56px;
                display: none;
                z-index: 5;
            }
            .w_product dt{
                font-size: 14px;
                margin-bottom: 5px;
            }
            .w_product dd{
                color: gray;
                margin-bottom: 15px;
            }
            .w_product .blue{
                color: #65a4f8;
            }
            .w_product .big{
                font-size: 18px;
                margin-bottom: 15px;
                border-bottom: 1px solid #000;
            }
            .w_shopmall:hover{
                color: #65a4f8;
            }
            
.w_footer{
                width: 100%;
                height: 92px;
                background: #212425;
                position: relative;
            }
            .w_dh{
                width: 710px;
                height: 48px;
                float: left;
                margin-top: -20px;
            }
            .w_dh li{
                float:left;
                width: 66px;
                height: 30px;
                padding: 0 15px;
                border-right: 1px solid #7e7e7e;
                margin:20px 0 15px 0;
            }
            .w_dh li:nth-of-type(1){
                float:left;
                width: 81px;
                height: 16px;
                padding: 0 15px;
                border-right: 1px solid #7e7e7e;
            }
            .w_dh li:nth-of-type(6){
                border: none;
            }
            .w_dh li a{
                color: white;
            }
            .w_dh li a:hover{
                color: blue;
                border-bottom: 1px solid blue;
            }
            .w_a{
                width: 676px;
                height: 92px;
                margin-left: 280px;
                margin-top: 0;
            }
            .w_a p{
                color: #878787;
                font-size: 12px;
                text-align: center;
               margin-left: -50px;
                margin-top: 10px;
            }
            .w_rx{
                width: 190px;
                height: 92px;
                position: absolute;
                right: 345px;
                top: 0;
            }
            .w_rx img{
                width:190px;
                margin-top: 34.5px;
            }